<%@ page language="java" pageEncoding="utf-8"%>
<div>
	<!-- 博文文字劲爆点 -->
	<div class="p_r" data-sudaclick="madden_points">
		<div class="tit02">
			<a class="tt bkjb" target="_blank"><span  style="color: rgb(67, 177, 80);border: dotted 0px;">博文劲爆点</span></a>
		</div>
		<div class="blk05">
			<ul class="list03">
				<nativeSql:sqlQueryForList  sql="select *  from t_article order by f_click desc limit 0,6"  id="articles" />
				<c:forEach items="${articles }" var="article">
					<li><span class="forg">
					
					<c:if test="${empty article.f_click }">
					      1
					</c:if>
					
					<a>${article.f_click }</a>
					   </span>|<a style="text-decoration:none;" href="${ctx }/blog/blog.action?method:article=xxx&articleId=${article.f_id }" target="_blank">${article.f_title }</a>
					</li>
				</c:forEach>
			</ul>
			<div class="line01"></div>
		</div>
	</div>

	<!-- 热门图文博客图文 -->
	<div class="pictitle">
			<a class="tt bkjb" target="_blank"><span  style="color: rgb(67, 177, 80);border: dotted 0px;">图文新鲜事</span></a>
    </div>
	<div id="banners" class="ui-banner" style="max-width: 250px;">
		<ul class="ui-banner-slides" style="max-width: 250px;">
			<nativeSql:sqlQueryForList  sql="select f_id,f_description,f_file_name,f_article_id from t_upload_file where 
			f_article_id in (select f_id from t_article where f_blog_id in (select f_id from t_blog where f_if_personal='1'))
			order by f_upload_time desc  limit 0,8  "  id="lastPics" />
			<c:forEach items="${lastPics }" var="lastPic">
				<li><a href="${ctx }/blog/blog.action?method:article=wwww&articleId=${lastPic.f_article_id }"  target="_blank">
				<img  src="${ctx}/user/file.action?method:previewPic&fileId=${lastPic.f_id }"  alt="该图片已逃跑...." title="${lastPic.f_description }" /></a></li>
			</c:forEach>


		</ul>
		<ul class="ui-banner-slogans">
			<c:forEach items="${lastPics }" var="lastPic">
				<li>${lastPic.f_file_name }</li>
			</c:forEach>
		</ul>
	</div>

<!-- //最新发表文章 -->
<div class="p_r box" data-sudaclick="madden_points">
		<div class="tit02">
			<a class="tt bkjb" target="_blank"><span  style="color: rgb(67, 177, 80);border: dotted 0px;">最新发表的文章</span></a>
		</div>
	<div class="yj-scroller-viewport">
				<ul class="yj-activity-ticker-list">
				<nativeSql:sqlQueryForList  sql="select * from t_article where f_draft=1 and f_blog_id in 
					(select f_id from t_blog where f_if_personal='1') order by f_creation_date desc limit 10 "  id="articles" />
					<c:forEach items="${articles }" var="article">
					<nativeSql:sqlQueryForUnique
					sql="select f_picture_appended as avatarId,f_username as username  from app_user  where f_id = ${article.f_creator_id }"
					id="meavatar" />
						<li class="yj-activity-ticker-item yj-component" title=""><hql:queryForUnique
								hql="from User where username = '${article.f_creator_name}' "
								id="person" /> <img src="${ctx}/user/file.action?method:previewPic&fileId=${meavatar.avatarId  }" style="width: 20px;
height: 20px;"/> 
								<span class="yj-activity-body">
								${article.f_creator_name}发表:
								<yn:cleanHtml str="${article.f_title}" id="articleTextNoHtml" />
											<yn:shortIt len="10" str="${articleTextNoHtml}"
												id="articleTextTitle" />
								<a  target="_blank"
								href="${ctx }/blog/blog.action?method:article=wwww&articleId=${article.f_id}">
								${articleTextTitle}</a>
						</span></li>
					</c:forEach>
				</ul>
	</div>
</div>
<!-- //最新博文评论 -->
<div class="p_r box" data-sudaclick="madden_points">
		<div class="tit02">
			<a class="tt bkjb" target="_blank"><span  style="color: rgb(67, 177, 80);border: dotted 0px;">最新博文评论</span></a>
		</div>
		
		<nativeSql:sqlQueryForList
		sql="select N.f_content, N.f_creator, N.f_article_id, N.f_id  
				 from t_article_comment N  
				 where N.f_article_id in (select f_id from t_article where f_blog_id in (select f_id from t_blog where f_if_personal='1'))
				 order by N.f_creation_date desc limit 5 "
		id="commentStatisticsData" />
	<div class="yj-scroller-viewport">
		<ul class="yj-activity-ticker-list">
			<c:forEach var="commends" items="${commentStatisticsData}">
				<div>
					<span>${commends.f_creator}评论了：</span><br/>
					<hql:queryForUnique
						hql="from Article where id = '${commends.f_article_id}'"
						id="cArticle" />
					<yn:shortIt len="15" str="${cArticle.title}" id="cmodulename" />
					<a href="${ctx }/blog/blog.action?method:article&articleId=${commends.f_article_id}#newcomments${commends.f_id}"
						target="_blank" title="${cArticle.title}"> ${cmodulename}
					</a>
					<br/>
					<yn:cleanHtml str="${commends.f_content}" id="articleComment" />
					<yn:shortIt len="50" str="${articleComment}" id="articleCommentNew" />
					${articleCommentNew}
				</div>
			</c:forEach>
		</ul>
		<div class="yj-mockscroll">
			<div class="yj-mockscroll-bar"></div>
		</div>
	</div>
	</div>



</div>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* ui-banner 图片浏览 */
.ui-banner{display:block;position:relative;margin:0px auto;width: 252px;height: 240px;
  border: dotted 0px;
 -moz-box-shadow: 0 3px 6px #b0b3b6;
  -webkit-box-shadow: 0 3px 6px #b0b3b6;
  box-shadow: 0 3px 6px #b0b3b6;
  background-color: white;
 }
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.ui-banner .ui-banner-slides{width: 250px;height: 233px;left: 1px;}
.ui-banner .ui-banner-slides li{display:none;position:absolute;}
.ui-banner .ui-banner-slides li img{border:dotted 0px;max-width: 250px;min-width:250px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-654px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:654px;}
.ui-banner .ui-banner-slogans{background:#009AC9;height:213px;overflow:hidden;padding:0px 0px 0px 0px;width:0px;right:0;}
.ui-banner .ui-banner-slogans li{cursor:pointer;color:#8DC4EC;text-align:left;font-weight:bold;font-size:12px;line-height:14px;padding:10px 0 10px 10px;margin-left:5px;border-bottom:1px solid #79B4DF;list-style:none;list-style-type:none;}
.ui-banner .ui-banner-slogans li.ui-banner-slogans-current{color:#FFF;}
.ui-banner .ui-banner-slogans li.ui-banner-slogans-prev{border-bottom:none;}
.ui-banner .ui-banner-arrow{display:block;width:45px;outline:none;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{left: -21px;opacity: 0.5;top:100px;width: 20px;height: 48px;background:transparent url("${ctx }/img/left-arrow.png") no-repeat 0 0;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{left: 252px;opacity: 0.5;top:100px;width: 20px;height: 48px;background:transparent url("${ctx }/img/right-arrow.png") no-repeat 0 0;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next img{left:-15px;}
.ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;}
.pictitle{
  height: 30px;
  background-color: rgb(238, 230, 230);
  padding: 10px 0 0 10px;
  margin-top: 20px;
  border: dotted 0px;
  width: 242px;
}



/* 普通信息框 */
.p_r {
width: 250px;
background-color: rgba(220, 240, 240, 0.19);
border: dotted 0px;
padding: 1px 1px;
}
.tit02 {
height: 30px;
background-color: rgb(238, 230, 230);
padding: 10px 0 0 10px;
}
.tit02 .bkjb {
background-position: -340px -140px;
width: 100px;
}
.blk05 {
font: 12px/20px "宋体";
padding: 0 10px;
background-color: white;
border: dotted 0px;
-moz-box-shadow: 0 3px 6px #b0b3b6;
-webkit-box-shadow: 0 3px 6px #b0b3b6;
box-shadow: 0 3px 6px #b0b3b6;
}
.list03 {
padding: 5px 0 8px 5px;
}
.line01 {
height: 2px;
overflow: hidden;
zoom: 1;
border-bottom: dotted 0px;
}
.forg, .forg a:link {
color: #e4550b;
}
Inherited from li
.list03 li {
line-height: 22px;
}




<!--
.box {
	border: 1px solid #e8e8e8;
	background-color: #fafafa;
	padding: 1px;
	text-align: left;
	margin:20px auto 20px;
}

.box h5 {
	text-align: center;
	background-color: #EBEFF9;
	margin-bottom: 6px;
	padding-top: 9px;
	padding-bottom: 5px;
}
.box h5 span{
	text-align:center; 
	padding:2px 5px 8px 5px; 
	cursor:pointer
}
.box p {
	padding: 0 0 4px 8px;
	margin: 0;
}

.box p span {
	width: 80px;
	display: inline-block;
	margin: 0 1em 0 0;
	color: #666;
	font-size: 12px;
	line-height: 1.5;
}

.box p span a {
	color: #1a4d81;
}

.box ul {
	margin: 0 0 1.5em 0;
}

.box ul li {
	margin: 0 0 0 10px;
	padding-right: 6px;
}
.box ul li span{
	line-height: 2.5em !important; 
	padding: 5px;
}
.box ul li a{
	line-height: 2.5em !important;
}
.box .yj-scroller-viewport .yj-scroller-content{
	height: 229px;
	width: 258px;
}
.box .yj-scroller-viewport ul div{
	border: 0px; 
	border-top: 1px dashed gray; 
	padding: 3px; 
	margin-bottom: 5px; 
	background-color: #FAFAFA;
}
.box .yj-scroller-viewport ul div span{
	color: grey;
}
.box .yj-scroller-viewport ul div span{
	color: #069;
}
.box .yj-scroller-viewport .yj-mockscroll{
	top: 5px; 
	height: 66.76384839650146px; 
	display: none;
}
#box_com span{
 	text-align:center; 
 	padding:2px 5px 8px 5px; 
 	cursor:pointer; 	
}
#box_com span.current{ 
	background:#fff; 
	color:#000; 
	font-weight:bold;
}
#content .yj-scroller-content ul li{
	padding-left: 10px;
	padding-right:10px
}
#content .yj-scroller-content ul li img{
	float: right;
	cursor: pointer;
	width:16px; 
	height:16px;
}
-->
</style>